{% extends "admin/change_list.html" %}
{% load i18n %}

{% block title %}{% trans 'Your measurements' %}{% endblock %}

{% block object-tools %}
<link rel="stylesheet" type="text/css" href="/fiteat/media/css/tabs.css" />
<div id="tabs_container">
    <div id="tab_header">
        <ul>
            <li><a href="#" onclick="return showPane('weight', this)" id="tab_weight">{% trans 'Weight' %}</a></li>
            <li><a href="#" onclick="return showPane('bf', this)" id="tab_bf">{% trans 'BF %' %}</a></li>
            <li><a href="#" onclick="return showPane('chest', this)" id="tab_chest">{% trans 'Chest' %}</a></li>
            <li><a href="#" onclick="return showPane('waist', this)" id="tab_waist">{% trans 'Waist' %}</a></li>
            <li><a href="#" onclick="return showPane('hips', this)" id="tab_hips">{% trans 'Hips' %}</a></li>
            <li><a href="#" onclick="return showPane('neck', this)" id="tab_neck">{% trans 'Neck' %}</a></li>
            <li><a href="#" onclick="return showPane('biceps', this)" id="tab_biceps">{% trans 'Biceps' %}</a></li>
            <li><a href="#" onclick="return showPane('arm', this)" id="tab_arm">{% trans 'Arm' %}</a></li>
            <li><a href="#" onclick="return showPane('forearm', this)" id="tab_forearm">{% trans 'Forearm' %}</a></li>
            <li><a href="#" onclick="return showPane('calf', this)" id="tab_calf">{% trans 'Calf' %}</a></li>
            <li><a href="#" onclick="return showPane('custom_chart1', this)" id="tab_custom_1">{% trans 'Cust. Chart #1' %}</a></li>
            <li><a href="#" onclick="return showPane('custom_chart2', this)" id="tab_custom_1">{% trans 'Cust. Chart #2' %}</a></li>
            <li><a href="#" onclick="return showPane('custom_chart3', this)" id="tab_custom_1">{% trans 'Cust. Chart #3' %}</a></li>
        </ul>
    </div>

    <div id="tab_content" align="center">
        <div id="weight">
            <ul align="right">
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/weight/month/', 'weight')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/weight/year/', 'weight')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/weight/all/', 'weight')" id="all">all</a>
            </ul>
            <img src="">
        </div>
        <div id="bf">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/bf_user/month/', 'bf')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/bf_user/year/', 'bf')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/bf_user/all/', 'bf')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="chest">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/chest/month/', 'chest')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/chest/year/', 'chest')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/chest/all/', 'chest')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="waist">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/waist/month/', 'waist')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/waist/year/', 'waist')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/waist/all/', 'waist')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="hips">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/hips/month/', 'hips')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/hips/year/', 'hips')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/hips/all/', 'hips')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="neck">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/neck/month/', 'neck')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/neck/year/', 'neck')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/neck/all/', 'neck')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="biceps">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/biceps/month/', 'biceps')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/biceps/year/', 'biceps')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/biceps/all/', 'biceps')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="arm">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/arm/month/', 'arm')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/arm/year/', 'arm')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/arm/all/', 'arm')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="forearm">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/forearm/month/', 'forearm')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/forearm/year/', 'forearm')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/forearm/all/', 'forearm')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="calf">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/calf/month/', 'calf')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/calf/year/', 'calf')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/calf/all/', 'calf')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="custom_chart1">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart1/month/', 'custom_chart1')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart1/year/', 'custom_chart1')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart1/all/', 'custom_chart1')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="custom_chart2">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart2/month/', 'custom_chart2')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart2/year/', 'custom_chart2')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart2/all/', 'custom_chart2')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
        <div id="custom_chart3">
            <ul>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart3/month/', 'custom_chart3')" id="month">month</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart3/year/', 'custom_chart3')" id="year">year</a>
                <li><a href="#" onclick="return showChart('/fiteat/measure/graph/custom_chart3/all/', 'custom_chart3')" id="all">all</a>
            </ul>
            <img src="" align="center">
        </div>
    </div>
</div>
<script src="/fiteat/media/js/setup_tabs.js" onload="setupPanes('tabs_container', 'tab_weight');"/>
{% if has_add_permission %}
<ul class="object-tools"><li><a href="add/{% if is_popup %}?_popup=1{% endif %}" class="addlink">{% blocktrans with cl.opts.verbose_name|escape as name %}Add {{ name }}{% endblocktrans %}</a></li></ul>
{% endif %}
{% endblock %}

